import useCustomerService from '@/components/useCustomerService';
import { Button } from '@antmjs/vantui';
import { Image, Text, View } from '@tarojs/components';
import Taro from '@tarojs/taro';

export default function Page() {
  const { renderNode, open } = useCustomerService();

  return (
    <>
      <View className=' min-h-screen overflow-hidden flex flex-col items-center pt-[180px]'>
        <Image
          mode='aspectFill'
          className='w-[380px] h-[302px] block'
          src='https://applets-1302975996.cos.ap-nanjing.myqcloud.com/zhb/status-1.png'
        />

        <Text className=' block text-center text-black font-bold text-lg -mt-[40px]'>
          审核失败
        </Text>
        <View className='w-[500px] mx-auto block text-center font-bold text-xs  text-gary1 mt-2'>
          您提交的注册信息审核未通过， 如有疑问请联系
          <Text className=' text-primary  font-bold' onClick={() => open()}>
            平台客服
          </Text>
        </View>

        <Button
          className='w-[420px] mt-[120px]'
          type='primary'
          onClick={() => {
            Taro.reLaunch({
              url: `/pages/index/index`,
            });
          }}
        >
          我知道了
        </Button>
      </View>

      {renderNode()}
    </>
  );
}
